<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>FloatButton 悬浮按钮</title>
	<link rel="stylesheet" href="../static/css/reset.css">
	<script src="../static/js/vue.global.prod.js"></script>
	<script src="../static/js/antd.min.js"></script>
	<script src="../static/js/icons_antd.js"></script>
</head>
<style>
#iframe_body{
	margin-left: 20px;
}
</style>
<body>

<div id="app">
	<a-divider class="a-divi" orientation="left">基本</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton1.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton1.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">形状</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton2.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton2.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">含有气泡卡片的悬浮按钮</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton3.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton3.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">菜单模式</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton4.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton4.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">徽标数</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton5.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton5.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">类型</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton6.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton6.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">描述</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton7.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton7.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">浮动按钮组</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton8.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton8.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	<a-divider class="a-divi" orientation="left">回到顶部</a-divider><!-- =============================================================== -->
	<p class="desc"><a target="_blank" href="FloatButton9.html">新标签打开&gt;&gt;</a></p>
	<iframe src="FloatButton9.html" id="iframe_body" width="50%" :height="ifr_height"></iframe>
	
	
	
</div>
<div class="h100"></div>

</body>
<script>
const Main = {
data() {
	return {
		ifr_height: '300px',
		
	}
},
methods:{
	handleClick(){
		console.log('click');
	},
	
	
},
}

const app = Vue.createApp(Main);
for (const [key, component] of Object.entries(AntdIconsVue)) {app.component(key, component)};
app.use(antd);
let vm = app.mount("#app");


</script>
</html>
